<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <script src="../jquery/jquery-3.2.1.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="../css/bootstrap.css">

</head>
<body>

<div class="container">

    <h3>基本按钮</h3>
    <div class="btn-group">
        <button class="btn btn-default">左</button>
        <button class="btn btn-default">中</button>
        <button class="btn btn-default">右</button>
    </div>
    <h3>工具栏</h3>
    <div class="btn-group btn-group-sm">
        <button class="btn btn-primary">
            <span class="glyphicon glyphicon-align-left"></span>
        </button>
        <button class="btn btn-primary">
            <span class="glyphicon glyphicon-align-center"></span>
        </button>
        <button class="btn btn-primary">
            <span class="glyphicon glyphicon-align-right"></span>
        </button>
        <button class="btn btn-primary">
            <span class="glyphicon glyphicon-align-justify"></span>
        </button>
        <button class="btn btn-primary">
            <span class="glyphicon glyphicon-align-left"></span>
        </button>
        <button class="btn btn-primary">
            <span class="glyphicon glyphicon-align-center"></span>
        </button>
        <button class="btn btn-primary">
            <span class="glyphicon glyphicon-align-right"></span>
        </button>
        <button class="btn btn-primary">
            <span class="glyphicon glyphicon-align-justify"></span>
        </button>
    </div>
    <div class="btn-group">
        <div class="btn-group btn-group-lg">
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-left"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-center"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-right"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-justify"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-left"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-center"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-right"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-justify"></span>
            </button>
        </div>
    </div>
    <div class="btn-toolbar">
        <div class="btn-group btn-group-xs">
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-left"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-center"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-right"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-justify"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-left"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-center"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-right"></span>
            </button>
            <button class="btn btn-primary">
                <span class="glyphicon glyphicon-align-justify"></span>
            </button>
        </div>
    </div>
</div>
</body>
</html>